<template>
  <a-table
    :columns="columns"
    :data-source="data"
    :pagination="false"
  />
</template>
<script>
const columns = [
  {
    title: '还款期数',
    dataIndex: 'stage',
  },
  {
    title: '到期日',
    dataIndex: 'expire_day',
    width: 120,
  },
  {
    title: '本金',
    dataIndex: 'principal',
    ellipsis: true,
  },
  {
    title: '预计利息',
    dataIndex: 'interest',
    ellipsis: true,
  },
  {
    title: '单日滞纳金',
    dataIndex: 'late_fee',
    ellipsis: true,
  },
  {
    title: '手续费',
    dataIndex: 'service_charge',
    ellipsis: true,
  },
]

const data = [
  {
    stage: '1',
    expire_day: '13/10/2021',
    principal: '100.00',
    interest: '100.00',
    late_fee: '100.00',
    service_charge: '5.00',
  },
  {
    stage: '2',
    expire_day: '13/10/2021',
    principal: '100.00',
    interest: '100.00',
    late_fee: '100.00',
    service_charge: '5.00',
  },
]

export default {
  data () {
    return {
      data,
      columns,
    }
  },
}
</script>
